<template>
  <div class="loader" title="页面找不到了">
    <img :src="src" alt="" />
  </div>
</template>
<script>
export default {
  data() {
    return {
      src: require('@/assets/404.png')
    }
  }
}
</script>
<style lang="less" scoped>
.loader {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 100vw;
  height: 100vh;
  img {
    width: 80%;
    height: 80%;
  }
}
</style>
